﻿<!DOCTYPE html>
<html>
  <head>
    <title>推荐课程</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/推荐课程/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/推荐课程/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u10222" class="ax_default" data-left="767" data-top="575" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u10223" class="ax_default" data-left="797" data-top="1570" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u10224" class="ax_default box_1">
            <div id="u10224_div" class=""></div>
            <div id="u10224_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10225" class="ax_default" data-left="818" data-top="1623" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u10226" class="ax_default label">
            <div id="u10226_div" class=""></div>
            <div id="u10226_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10227" class="ax_default" data-left="835" data-top="1587" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u10228" class="ax_default _形状">
            <img id="u10228_img" class="img " src="images/元件/u6.svg"/>
            <div id="u10228_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10229" class="ax_default _形状">
            <img id="u10229_img" class="img " src="images/元件/u7.svg"/>
            <div id="u10229_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10230" class="ax_default _形状">
            <img id="u10230_img" class="img " src="images/元件/u8.svg"/>
            <div id="u10230_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10231" class="ax_default" data-left="933" data-top="1587" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10232" class="ax_default" data-left="933" data-top="1623" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10233" class="ax_default label">
              <div id="u10233_div" class=""></div>
              <div id="u10233_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10234" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10235" class="ax_default" data-left="933" data-top="1587" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u10236" class="ax_default _形状">
              <img id="u10236_img" class="img " src="images/元件/u14.svg"/>
              <div id="u10236_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10237" class="ax_default _形状">
              <img id="u10237_img" class="img " src="images/元件/u15.svg"/>
              <div id="u10237_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10238" class="ax_default" data-left="1129" data-top="1592" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u10239" class="ax_default" data-left="1131" data-top="1623" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10240" class="ax_default label">
              <div id="u10240_div" class=""></div>
              <div id="u10240_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10241" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10242" class="ax_default icon">
            <img id="u10242_img" class="img " src="images/元件/u20.svg"/>
            <div id="u10242_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10243" class="ax_default" data-left="1031" data-top="1587" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10244" class="ax_default" data-left="1031" data-top="1623" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10245" class="ax_default label">
              <div id="u10245_div" class=""></div>
              <div id="u10245_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10246" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10247" class="ax_default icon">
            <img id="u10247_img" class="img " src="images/元件/u25.svg"/>
            <div id="u10247_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10248" class="ax_default" data-left="1225" data-top="1587" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10249" class="ax_default" data-left="1225" data-top="1623" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10250" class="ax_default label">
              <div id="u10250_div" class=""></div>
              <div id="u10250_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10251" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10252" class="ax_default icon">
            <img id="u10252_img" class="img " src="images/元件/u30.svg"/>
            <div id="u10252_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10253" class="ax_default" data-left="767" data-top="575" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u10254" class="ax_default _默认样式">
            <div id="u10254_div" class=""></div>
            <div id="u10254_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10255" class="ax_default image">
            <img id="u10255_img" class="img " src="images/元件/u33.png"/>
            <div id="u10255_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10256" class="ax_default image">
            <img id="u10256_img" class="img " src="images/元件/u34.png"/>
            <div id="u10256_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10257" class="ax_default image">
            <img id="u10257_img" class="img " src="images/元件/u35.png"/>
            <div id="u10257_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10258" class="ax_default image">
            <img id="u10258_img" class="img " src="images/元件/u36.png"/>
            <div id="u10258_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10259" class="ax_default" data-left="1083" data-top="612" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10260" class="ax_default image1">
            <img id="u10260_img" class="img " src="images/元件/u38.png"/>
            <div id="u10260_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10261" class="ax_default icon">
            <img id="u10261_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10261_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10262" class="ax_default icon">
            <img id="u10262_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10262_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10263" class="ax_default label">
          <div id="u10263_div" class=""></div>
          <div id="u10263_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10264" class="ax_default" data-left="1188" data-top="620" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10265" class="ax_default image1">
            <img id="u10265_img" class="img " src="images/元件/u38.png"/>
            <div id="u10265_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10266" class="ax_default icon">
            <img id="u10266_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10266_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10267" class="ax_default icon">
            <img id="u10267_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10267_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10268" class="ax_default box_1">
        <img id="u10268_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u10268_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10269" class="ax_default box_1">
        <div id="u10269_div" class=""></div>
        <div id="u10269_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u10270" class="ax_default _图片">
        <img id="u10270_img" class="img " src="images/元件/u49.png"/>
        <div id="u10270_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10271" class="ax_default icon">
        <img id="u10271_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u10271_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10272" class="ax_default box_1">
        <div id="u10272_div" class=""></div>
        <div id="u10272_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10273" class="ax_default box_1">
        <div id="u10273_div" class=""></div>
        <div id="u10273_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10274" class="ax_default box_1">
        <div id="u10274_div" class=""></div>
        <div id="u10274_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10275" class="ax_default box_1">
        <div id="u10275_div" class=""></div>
        <div id="u10275_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10276" class="ax_default flow_shape">
        <div id="u10276_div" class=""></div>
        <div id="u10276_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u10277" class="ax_default">
        <div id="u10277_state0" class="panel_state" data-label="State1" style="">
          <div id="u10277_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10278" class="ax_default _图片_">
              <img id="u10278_img" class="img " src="images/用户流程图/u745.svg"/>
              <div id="u10278_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10277_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u10277_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10279" class="ax_default _图片_">
              <img id="u10279_img" class="img " src="images/用户流程图/u746.svg"/>
              <div id="u10279_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10277_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u10277_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10280" class="ax_default _图片_">
              <img id="u10280_img" class="img " src="images/用户流程图/u747.svg"/>
              <div id="u10280_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10277_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u10277_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10281" class="ax_default _图片_">
              <img id="u10281_img" class="img " src="images/用户流程图/u748.svg"/>
              <div id="u10281_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10277_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
          <div id="u10277_state4_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10282" class="ax_default _图片_">
              <img id="u10282_img" class="img " src="images/用户流程图/u749.svg"/>
              <div id="u10282_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10283" class="ax_default" data-left="1065" data-top="1096" data-width="168" data-height="26">

        <!-- 1 (圆形) -->
        <div id="u10284" class="ax_default ellipse1" data-label="1" selectiongroup="轮播点">
          <img id="u10284_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10284_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- 4 (圆形) -->
        <div id="u10285" class="ax_default ellipse1" data-label="4" selectiongroup="轮播点">
          <img id="u10285_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10285_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- 3 (圆形) -->
        <div id="u10286" class="ax_default ellipse1" data-label="3" selectiongroup="轮播点">
          <img id="u10286_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10286_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 2 (圆形) -->
        <div id="u10287" class="ax_default ellipse1" data-label="2" selectiongroup="轮播点">
          <img id="u10287_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10287_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- 5 (圆形) -->
        <div id="u10288" class="ax_default ellipse1" data-label="5" selectiongroup="轮播点">
          <img id="u10288_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10288_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u10289" class="ax_default text_field">
        <div id="u10289_div" class=""></div>
        <input id="u10289_input" type="text" value="Search" class="u10289_input"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10290" class="ax_default label">
        <div id="u10290_div" class=""></div>
        <div id="u10290_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10291" class="ax_default label">
        <div id="u10291_div" class=""></div>
        <div id="u10291_text" class="text ">
          <p><span>免费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10292" class="ax_default label">
        <div id="u10292_div" class=""></div>
        <div id="u10292_text" class="text ">
          <p><span>实战</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10293" class="ax_default label">
        <div id="u10293_div" class=""></div>
        <div id="u10293_text" class="text ">
          <p><span>专栏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10294" class="ax_default label">
        <div id="u10294_div" class=""></div>
        <div id="u10294_text" class="text ">
          <p><span>金职位 </span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u10295" class="ax_default arrow">
        <img id="u10295_img" class="img " src="images/推荐课程/u10295.svg"/>
        <div id="u10295_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10296" class="ax_default label">
        <div id="u10296_div" class=""></div>
        <div id="u10296_text" class="text ">
          <p><span>推荐课程默认页面为推荐课程界面</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u10297" class="ax_default arrow">
        <img id="u10297_img" class="img " src="images/推荐课程/u10297.svg"/>
        <div id="u10297_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10298" class="ax_default label">
        <div id="u10298_div" class=""></div>
        <div id="u10298_text" class="text ">
          <p><span>点击该按钮进入扫描二维码页面</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10299" class="ax_default" data-left="2008" data-top="548" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u10300" class="ax_default" data-left="2038" data-top="1543" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u10301" class="ax_default box_1">
            <div id="u10301_div" class=""></div>
            <div id="u10301_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10302" class="ax_default" data-left="2059" data-top="1596" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u10303" class="ax_default label">
            <div id="u10303_div" class=""></div>
            <div id="u10303_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10304" class="ax_default" data-left="2076" data-top="1560" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u10305" class="ax_default _形状">
            <img id="u10305_img" class="img " src="images/元件/u6.svg"/>
            <div id="u10305_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10306" class="ax_default _形状">
            <img id="u10306_img" class="img " src="images/元件/u7.svg"/>
            <div id="u10306_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10307" class="ax_default _形状">
            <img id="u10307_img" class="img " src="images/元件/u8.svg"/>
            <div id="u10307_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10308" class="ax_default" data-left="2174" data-top="1560" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10309" class="ax_default" data-left="2174" data-top="1596" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10310" class="ax_default label">
              <div id="u10310_div" class=""></div>
              <div id="u10310_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10311" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10312" class="ax_default" data-left="2174" data-top="1560" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u10313" class="ax_default _形状">
              <img id="u10313_img" class="img " src="images/元件/u14.svg"/>
              <div id="u10313_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10314" class="ax_default _形状">
              <img id="u10314_img" class="img " src="images/元件/u15.svg"/>
              <div id="u10314_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10315" class="ax_default" data-left="2370" data-top="1565" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u10316" class="ax_default" data-left="2372" data-top="1596" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10317" class="ax_default label">
              <div id="u10317_div" class=""></div>
              <div id="u10317_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10318" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10319" class="ax_default icon">
            <img id="u10319_img" class="img " src="images/元件/u20.svg"/>
            <div id="u10319_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10320" class="ax_default" data-left="2272" data-top="1560" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10321" class="ax_default" data-left="2272" data-top="1596" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10322" class="ax_default label">
              <div id="u10322_div" class=""></div>
              <div id="u10322_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10323" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10324" class="ax_default icon">
            <img id="u10324_img" class="img " src="images/元件/u25.svg"/>
            <div id="u10324_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10325" class="ax_default" data-left="2466" data-top="1560" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10326" class="ax_default" data-left="2466" data-top="1596" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10327" class="ax_default label">
              <div id="u10327_div" class=""></div>
              <div id="u10327_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10328" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10329" class="ax_default icon">
            <img id="u10329_img" class="img " src="images/元件/u30.svg"/>
            <div id="u10329_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10330" class="ax_default" data-left="2008" data-top="548" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u10331" class="ax_default _默认样式">
            <div id="u10331_div" class=""></div>
            <div id="u10331_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10332" class="ax_default image">
            <img id="u10332_img" class="img " src="images/元件/u33.png"/>
            <div id="u10332_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10333" class="ax_default image">
            <img id="u10333_img" class="img " src="images/元件/u34.png"/>
            <div id="u10333_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10334" class="ax_default image">
            <img id="u10334_img" class="img " src="images/元件/u35.png"/>
            <div id="u10334_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10335" class="ax_default image">
            <img id="u10335_img" class="img " src="images/元件/u36.png"/>
            <div id="u10335_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10336" class="ax_default" data-left="2324" data-top="585" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10337" class="ax_default image1">
            <img id="u10337_img" class="img " src="images/元件/u38.png"/>
            <div id="u10337_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10338" class="ax_default icon">
            <img id="u10338_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10338_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10339" class="ax_default icon">
            <img id="u10339_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10339_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10340" class="ax_default label">
          <div id="u10340_div" class=""></div>
          <div id="u10340_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10341" class="ax_default" data-left="2429" data-top="593" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10342" class="ax_default image1">
            <img id="u10342_img" class="img " src="images/元件/u38.png"/>
            <div id="u10342_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10343" class="ax_default icon">
            <img id="u10343_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10343_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10344" class="ax_default icon">
            <img id="u10344_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10344_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10345" class="ax_default box_3">
        <div id="u10345_div" class=""></div>
        <div id="u10345_text" class="text ">
          <p><span>扫描二维码</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10346" class="ax_default icon">
        <img id="u10346_img" class="img " src="images/推荐课程/u10346.svg"/>
        <div id="u10346_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10347" class="ax_default box_1">
        <div id="u10347_div" class=""></div>
        <div id="u10347_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10348" class="ax_default" data-left="2380" data-top="1092" data-width="102" data-height="108">

        <!-- Unnamed (线段) -->
        <div id="u10349" class="ax_default _线段">
          <img id="u10349_img" class="img " src="images/推荐课程/u10349.svg"/>
          <div id="u10349_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u10350" class="ax_default _线段">
          <img id="u10350_img" class="img " src="images/推荐课程/u10350.svg"/>
          <div id="u10350_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10351" class="ax_default" data-left="2104" data-top="1092" data-width="102" data-height="108">

        <!-- Unnamed (线段) -->
        <div id="u10352" class="ax_default _线段">
          <img id="u10352_img" class="img " src="images/推荐课程/u10349.svg"/>
          <div id="u10352_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u10353" class="ax_default _线段">
          <img id="u10353_img" class="img " src="images/推荐课程/u10350.svg"/>
          <div id="u10353_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10354" class="ax_default" data-left="2104" data-top="848" data-width="102" data-height="108">

        <!-- Unnamed (线段) -->
        <div id="u10355" class="ax_default _线段">
          <img id="u10355_img" class="img " src="images/推荐课程/u10349.svg"/>
          <div id="u10355_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u10356" class="ax_default _线段">
          <img id="u10356_img" class="img " src="images/推荐课程/u10350.svg"/>
          <div id="u10356_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10357" class="ax_default" data-left="2380" data-top="848" data-width="102" data-height="108">

        <!-- Unnamed (线段) -->
        <div id="u10358" class="ax_default _线段">
          <img id="u10358_img" class="img " src="images/推荐课程/u10349.svg"/>
          <div id="u10358_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (线段) -->
        <div id="u10359" class="ax_default _线段">
          <img id="u10359_img" class="img " src="images/推荐课程/u10350.svg"/>
          <div id="u10359_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10360" class="ax_default label">
        <div id="u10360_div" class=""></div>
        <div id="u10360_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">推荐课程默认界面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.然后为推荐课程和已学课程的按钮互换</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.然后是根据课程的属性设置的按钮，分别是推荐、免费、实战、金职位、专栏，点进去的页面对应不同属性的课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.轮播图展示的是热门课程，展示逻辑为近三天内全&nbsp; app点击量和播放量最高的课程以及每天的新课程推荐，数量为 5个</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.下方为精品体系课，主要推荐的是一个大类，点击元件可以看到相关的详细课程推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10361" class="ax_default" data-left="827.5" data-top="1173.5" data-width="130.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u10362" class="ax_default label">
          <div id="u10362_div" class=""></div>
          <div id="u10362_text" class="text ">
            <p><span>精品体系课</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10363" class="ax_default flow_shape">
          <div id="u10363_div" class=""></div>
          <div id="u10363_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10364" class="ax_default" data-left="832" data-top="1225" data-width="449" data-height="266">

        <!-- Unnamed (组合) -->
        <div id="u10365" class="ax_default" data-left="832" data-top="1225" data-width="449" data-height="266">

          <!-- Unnamed (矩形) -->
          <div id="u10366" class="ax_default flow_shape">
            <img id="u10366_img" class="img " src="images/用户流程图/u767.svg"/>
            <div id="u10366_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10367" class="ax_default flow_shape">
            <img id="u10367_img" class="img " src="images/用户流程图/u768.svg"/>
            <div id="u10367_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10368" class="ax_default flow_shape">
            <div id="u10368_div" class=""></div>
            <div id="u10368_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10369" class="ax_default flow_shape">
            <img id="u10369_img" class="img " src="images/用户流程图/u770.svg"/>
            <div id="u10369_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10370" class="ax_default flow_shape">
            <img id="u10370_img" class="img " src="images/用户流程图/u771.svg"/>
            <div id="u10370_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10371" class="ax_default label">
          <div id="u10371_div" class=""></div>
          <div id="u10371_text" class="text ">
            <p><span>java工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10372" class="ax_default label">
          <div id="u10372_div" class=""></div>
          <div id="u10372_text" class="text ">
            <p><span>前端工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10373" class="ax_default label">
          <div id="u10373_div" class=""></div>
          <div id="u10373_text" class="text ">
            <p><span>web前端架构师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10374" class="ax_default label">
          <div id="u10374_div" class=""></div>
          <div id="u10374_text" class="text ">
            <p><span>Python工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10375" class="ax_default label">
          <div id="u10375_div" class=""></div>
          <div id="u10375_text" class="text ">
            <p><span>Java架构师、技术专家</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10376" class="ax_default label">
        <div id="u10376_div" class=""></div>
        <div id="u10376_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">扫码界面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部左侧为返回元件</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.界面中间部分为扫描功能，提供扫描二维码的功能</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
